@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    'primary': (
      'base': #7d32ea,
    ),
    'success': (
      'base': #82c04d,
    ),
    'warning': (
      'base': #f0934b,
    ),
    'danger': (
      'base': #f3524d,
    ),
    'error': (
      'base': #f3524d,
    ),
  )
);

@use 'element-plus/theme-chalk/src/index.scss' as *;

.el-dialog__header {
  &.show-close {
    padding-right: 0 !important;
  }
}
.el-select {
  --e-select-border-color: transparent;
  &:hover {
    box-shadow: var(--e-shadow-l1);
  }
  .el-select__wrapper {
    min-height: 36px;
    border-radius: 0;
    box-shadow: var(--e-shadow-l1);
    &.is-focused {
      --e-select-border-color: var(--e-color-brand1);
    }
    &.is-hovering {
      box-shadow: 0 0 0 1px var(--e-select-border-color) inset;
    }
    min-width: 240px;
  }
}
.el-pagination {
  .el-select {
    .el-select__wrapper {
      min-width: auto;
    }
  }
}
.el-date-editor {
  --el-component-size: 36px;
  --el-input-border-color: var(--e-color-border1);
  --el-input-border-radius: 0;
}

div.el-popper {
  --el-color-primary: var(--o-color-primary1);
  --el-border-radius-base: 16px;
  --el-popper-border-radius: 16px;
  --el-box-shadow-light: var(--o-shadow-2);
  --el-datepicker-border-color: var(--o-color-control1-light);
  --el-border-color-light: var(--o-color-control1-light);
  --el-popover-border-radius: 0;
  --el-popover-border-color: transparent;
  --el-border-color-light: transparent;

  .el-popper__arrow {
    display: none;
  }
}
[data-o-theme='dark'] .el-popper {
  --el-popover-border-color: var(--o-color-control4);
  --el-border-color-light: var(--o-color-control4);
}
